<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户不存在</title>
    <style type="text/css">
        body{margin: 0;padding:0;background-color: #f9faee}
        .square .center-block{
            width:500px;
            height:300px;
            background-color: #c9d8b9;
            border-radius: 10%;
            margin: 0 auto;
        }
        .register:hover{
            transform: scale(1.05,1.05);
            box-shadow: #ecdeba;
        }
    </style>
</head>
<body>
     <div class="square" >
        <p style="font-family:arial;font-size:60px;text-align: center;
                font-style: oblique;color: #198377; margin: 80px auto;
                font-weight: bold" >Welcome to the Web</p>
        <div class="center-block">
             <p style="font-size: 40px;color: #104e8b;
             margin: 80px 130px 30px;float: left">用户不存在！</p>
             <form action="{% url "um:register" %}">
                 <button class="register" style="height: 30px;width: 80px;margin: 20px 210px;
                    background-color: #78a27e;border-color: rgba(120,162,126,0);
                    color: #fbfaf6;border-radius: 5px">注册</button>
             </form>
        </div>
     </div>
</body>
</html>